function Provider() {
	this.addListener();
	
}

Provider.ProviderRowTemplate = `
	<tr>
		<td><%= _id %></td>
		<td><%= provider %></td>
		<td><%= username %></td>

		<td><%= number %></td>                                                                                  

		
		<td><%= address %></td>
		<td><%= fax %></td>
		<td><%= time %></td>
		<td>
			<div class="img1" data-toggle="modal" data-target="#identifier"><img src="../../images/read.png"/></div>
			<div class="img2" data-toggle="modal" data-target="#identifier"><img src="../../images/updata.png"/></div>
			<div class="img3" data-toggle="modal" data-target="#identifier"><img src="../../images/schu.png"/></div
		</td>
	</tr>
`;

$.extend(Provider.prototype, {
	// 注册事件监听
	addListener() {
		// 添加供应商
		$(".btn-add-provider").on("click", this.addPosHandler);
// <<<<<<< HEAD
	    $(".btn-add-read").on("click",this.readHandler);
// =======
	    $(".img1").on("click",this.readHandler);
// >>>>>>> 79c9b497f3c65895301f80ba782aa12597a0c8a1
	},
	
	// 添加供应商处理
	addPosHandler() {
		// 获取表单中的数据
		// URL
		const url = "/api/providers/add";
		// 向服务器发送的数据
	   const data =$(".form-add-provider").serialize();
		// 发送请求
		$.ajax({
			type: "post",
			url: url,
			data: data,
			dataType: "json",
			// processData: false, // 不将 data 数据转换为查询字符串
			// contentType: false, // 不使用默认的 "application/x-www-form-urlencoded"
			success: function(data) {
				if (data.res_body.status === 1) { // 添加成功，使用 ejs 浏览器端模板渲染
					// data.res_body.data
					// 使用 ejs 模板渲染
					const html = ejs.render(Provider.ProviderRowTemplate, data.res_body.data)
					// 显示
					$(".table-provider tbody").append(html);
					// 关闭模态框
					$("#addProviderModal").modal("hide");
				} else { // 添加失败
					$(".add-provider-error").removeClass("hidden");
				}
			}
		});
		
	},

	//查询供应商信息
	readHandler(){
	  //显示模态框
	$("#identifier").modal("show");
	}
});

new Provider();